/*-----------------------------------------
	base style sheet
	auther:hujiong
	email:hujiong_226@qq.com
------------------------------------------*/

/*-----------------------------------------
	常用标签列表
	<!--...-->		定义注释。 	STF
	<frame>			定义框架集的窗口或框架。 	F
	<noframes> 		定义针对不支持框架的用户的替代内容。 	TF
	<frameset>		定义框架集。 	F
	<iframe>		定义内联框架。 	TF
	<!DOCTYPE>		定义文档类型。 	STF
	<html>			定义 HTML 文档。 	STF
	<head>			定义关于文档的信息。 	STF
	<meta> 			定义关于 HTML 文档的元信息。 	STF
	<link> 			定义文档与外部资源的关系。 	STF
	<script>	 	定义客户端脚本。 	STF
	<noscript> 		定义针对不支持客户端脚本的用户的替代内容。 	STF
	<style> 		定义文档的样式信息。 	STF
	<body>			定义文档的主体。 	STF
	
	<p> 			定义段落。 	STF
	<a>				定义锚。 	STF
	<span>		 	定义文档中的节。 	STF
	<br>			定义简单的折行。 	STF
	<strong> 		定义强调文本。 	STF
	<em>			定义强调文本。 	STF
	<img>			定义图像。 	STF
	<object> 		定义内嵌对象。 	STF
	<param> 		定义对象的参数。 	STF
	
	<form>			定义供用户输入的 HTML 表单。 	STF
	<fieldset>		定义围绕表单中元素的边框。 	STF
	<legend> 		定义 fieldset 元素的标题。 	STF
	<button>		定义按钮 (push button)。 	STF
	<label>		 	定义 input 元素的标注。 	STF
	<input>			定义输入控件。 	STF
	<select> 		定义选择列表（下拉列表）。 	STF
	<option> 		定义选择列表中的选项。 	STF
	<textarea>	 	定义多行的文本输入控件。 	STF
	
	<div>			定义文档中的节。 	STF
	<h1> to <h6>	定义 HTML 标题。 	STF
	<dl>			定义定义列表。 	STF
	<dd>			定义定义列表中项目的描述。 	STF
	<dt>			定义定义列表中的项目。 	STF
	<ol> 			定义有序列表。 	STF
	<ul> 			定义无序列表。 	STF
	<li> 			定义列表的项目。 	STF
	<table> 		定义表格。 	STF
	<caption>		定义表格标题。 	STF
	<thead> 		定义表格中的表头内容。 	STF
	<tbody> 		定义表格中的主体内容。 	STF
	<tfoot> 		定义表格中的表注内容（脚注）。 	STF
	<tr> 			定义表格中的行。 	STF
	<th>		 	定义表格中的表头单元格。 	STF
	<td> 			定义表格中的单元。 	STF
	
	
	<blockquote> 	定义长的引用。 	STF
	<q> 			定义短的引用。 	STF
	<cite>			定义引用(citation)。 	STF
	<abbr>			定义缩写。 	STF
	<acronym>		定义只取首字母的缩写。 	STF
	<samp> 			定义计算机代码样本。 	STF
	<small> 		定义小号文本。 	STF
	<sub> 			定义下标文本。 	STF
	<sup> 			定义上标文本。 	STF
	<var> 			定义文本的变量部分。 	STF
	<address>		定义文档作者或拥有者的联系信息。 	STF
	<base>			定义页面中所有链接的默认地址或默认目标。 	STF
	<code>			定义计算机代码文本。 	STF
	<col>			定义表格中一个或多个列的属性值。 	STF
	<colgroup>		定义表格中供格式化的列组。 	STF
	<dfn>			定义定义项目。 	STF
	<optgroup> 		定义选择列表中相关选项的组合。 	STF
	<pre> 			定义预格式文本。 	STF

	选择器权重值计算
	行内样式 = 1000
	ID = 100
	类名 = 10
	标签 = 1
	
	.hd{}
	.bd{}
*/

/* =reset begin
-----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote { margin:0; padding:0; -webkit-text-size-adjust:none; }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight:normal; }
del,ins { text-decoration:none }
ul,ol,li { list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0; font-variant:normal }
sup { vertical-align:baseline }
sub { vertical-align:baseline }
legend { color:#000 }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit }
input,button,textarea,select { *font-size:100% }
textarea { resize:none }
input[type=text]:focus,input[type=password]:focus,textarea:focus { outline:0 }

/* =clrfix
-----------------------------------------*/
.clrfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clrfix { zoom:1; display:inline-block; _height:1px }
*html .clrfix { height:1% }
*+html .clrfix { height:1% }
.clrfix { display:block }

/* =base style
-----------------------------------------*/
html { color:#333; background:#FFF; }
body { font:12px/18px "宋体", Arial, Helvetica, sans-serif; }
a{ color:#333; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur()); }
a:hover{ color:#333; text-decoration:none; cursor:pointer; }
a.button{ display:inline-block; text-decoration:none; background:#bbb; padding:2px 5px; _padding:3px 5px 0px; }
a.button:hover{ text-decoration:none; }

input.button{ border:none; cursor:pointer; padding:3px; *padding:5px 0px 2px; }
button{ border:none; cursor:pointer; }

input.text{ padding:3px; border:solid 1px #9CA6AD; }
input.text:focus{ background:#FDFCED; }

select{ padding:3px; }

/*-----------------------------------------
	eg:<label><input type="checkbox" /></label>
------------------------------------------*/
label.checkbox{ position:relative; padding-left:16px; }
label.checkbox input{ position:absolute; left:0px; top:0px; *left:-4px; *top:3px; }

/*-----------------------------------------
	eg:<label><input type="radio" /></label>
------------------------------------------*/
label.radio{ position:relative; padding-left:16px; }
label.radio input{ position:absolute; left:0px; top:3px; *left:-4px; *top:-1px; }
textarea{ padding:3px; border:1px solid #333; }
textarea:focus{ background:#FDFCED; }

/* =component
-----------------------------------------*/
.w10{ width:10px; }
.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
select.w50{ width:58px; }
.w100{ width:100px; }
select.w100{ width:108px; }
.w150{ width:150px; }
select.w150{ width:158px; }
.w200{ width:200px; }
select.w200{ width:208px; }
.w250{ width:250px; }
select.w250{ width:258px; }
.w300{ width:300px; }
select.w300{ width:308px; }
.w350{ width:350px; }
select.w350{ width:358px; }
.w400{ width:400px; }
select.w400{ width:408px; }
.w450{ width:450px; }
select.w400{ width:458px; }
.w500{ width:500px; }
select.w400{ width:508px; }
.w550{ width:550px; }
select.w400{ width:558px; }

table.fixed{ table-layout: fixed; }

.vertical_center{ display:table; *position:relative; *display:block; }
.vertical_center_wrap{ display:table-cell; vertical-align:middle; width:100%; *position:absolute; *display:block; *top:50%; *vertical-align:auto; }
.vertical_center_offset{ position:relative; top:-50%; }

.corner{ position:absolute; overflow:hidden; }
.cn_lt{ left:0px; top:0px; }
.cn_rt{ right:0px; top:0px; }
.cn_lb{ left:0px; bottom:0px; }
.cn_rb{ right:0px; bottom:0px; }
.border_top, .border_bottom, .border_left, .border_right{ position:absolute; }
.border_top{ top:0px; }
.border_bottom{ bottom:0px; }
.border_left{ left:0px; }
.border_right{ right:0px; }

.hide{ display:none; }
.hidetxt{ overflow:hidden; text-indent:5000px; white-space:nowrap; }
.transparent{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }

#div_console{ background:#fff; }

